<!DOCTYPE html>
<html ng-app>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="js/ProsAndCons.js"></script>
    <title></title>
</head>
<body ng-controller="ProsAndCons">
    <form>
        <input type="text" ng-model="selected"/>
        <a href="" ng-click="addPro()">Add pro</a>
        <a href="" ng-click="addCon()">Add con</a>
        <a href="" ng-click="remove()">Remove</a>
    </form>

    <h2 ng-model="result">{{result}}</h2>

    <h2>Pros {{pros.length}}</span></h2>
    <ul>
        <li ng-repeat="pro in pros">
        <a href="" ng-click="selectItem(pro)">{{ pro }}</a>
        </li>
    </ul>

    <h2>Cons {{cons.length}}</h2>
    <ul>
        <li ng-repeat="con in cons">
        <a href="" ng-click="selectItem(con)">{{ con }}</a>
        </li>
    </ul>

</body>
</html>